<div class="modal-header" ng-if="!!settings.title">
    {{ settings.title }}
</div>
<div class="modal-body">
    <div class="row">
        <div class="col-xs-12 text-center m-b">
            <i class="msg-icon yb-icon font-50" ng-class="{
                                        'ico-tips-warn danger-color':settings.Type == Type.Error,
                                        'ico-tips-success success-color':settings.Type == Type.Success,
                                        'ico-tips-warn warn-color':settings.Type == Type.Warn,
                                        'ico-tips-info info-color':settings.Type == Type.Note,
                                        'ico-tips-ask warn-color':settings.Type == Type.Ask}"></i>
        </div>

        <div class="col-xs-12">
            <div class="wrapper-lg padder-none" style="font-size:16px;display:flex;justify-content:center;"
                ng-class="{'text-center': !settings.isNotCenter}">
                <div ng-if="settings.isHtml">
                    <div qr-code qr-size="200" qr-ticket="{{settings.Content.message}}" ng-if="settings.isQrCode"></div>
                    <span ng-bind-html="settings.Content.message" ng-if="!settings.isQrCode"></span>
                </div>
                <span ng-if="!settings.isHtml">{{multiLan?(settings.Content.message|translate:settings.translateParams):settings.Content.message}}</span><br>
            </div>
        </div>

        <div class="col-xs-12 m-t-lg">
            <div class="text-center">
                <button class="btn btn-primary" ng-class="{true:'btn-modal-large',false:'btn-modal'}[!!settings.isLargeBtn]" ng-click="ok()">{{multiLan?(settings.okName|translate):settings.okName}}</button>
                <button ng-if="settings.Type == Type.Ask" class="btn btn-default" ng-class="{true:'btn-modal-large',false:'btn-modal'}[!!settings.isLargeBtn]" ng-click="cancel()">{{multiLan?(settings.noName|translate):settings.noName}}</button>
            </div>
        </div>
    </div>
</div>
